.page{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #f6f6f6;
}


.head-bg{
	position: relative;
	width: 100%;
	height: 460rpx;
	background: linear-gradient(360deg, rgba(0, 143, 138, 0.55) 15% , rgba(0, 143, 138, 0.65) 55%, #00ACAA 100%);
	// background: linear-gradient(#fe3b0f, #fc603a); // 渐变色
	.head-user{
		display: flex;
		align-items: center;
		justify-content: flex-end;
		padding: 0 4%;
		height: 100rpx;
		.user{
			display: flex;
			align-items: center;
			image{
				width: 70rpx;
				height: 70rpx;
				border-radius: 100%;
			}
			text{
				font-size: 28rpx;
				color: #FFFFFF;
				margin-left: 20rpx;
			}
		}
		.exchange{
			display: flex;
			align-items: center;
			text{
				font-size: 28rpx;
				color: #FFFFFF;
			}
		}
	}
	.integral-balance{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 240rpx;
		.integral{
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			text{
				font-size: 30rpx;
				color: #FFFFFF;
			}
			.number{
				font-size: 60rpx;
				margin-top: 10rpx;
				// font-weight: bold;
			}
			.btn{
				display: flex;
				align-items: center;
				justify-content: center;
				width: 260rpx;
				height: 70rpx;
				background-color: #FFFFFF;
				color: #fe3b0f;
				font-size: 26rpx;
				border-radius: 80rpx;
				margin-top: 30rpx;
			}
			.action{
				background-color: #f6f6f6;
				color: #959595;
			}
		}
	}
	.bg{
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 40rpx;
		image{
			width: 100%;
			height: 100%;
		}
	}
}


/* 签到 */
.Signin-data{
	width: 100%;
	background-color: #FFFFFF;
	border-radius: 20rpx;
	.signin-title{
		display: flex;
		align-items: center;
		padding: 0 4%;
		height: 100rpx;
		.title{
			display: flex;
			align-items: center;
			text{
				color: #222222;
				font-size: 28rpx;
				font-weight: bold;
			}
		}
	}
	.day-list{
		display: flex;
		align-items: center;
		padding: 0 4%;
		height: 200rpx;
		.list{
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			width: 14%;
			height: 100%;
			.circle{
				display: flex;
				align-items: center;
				justify-content: center;
				width: 60rpx;
				height: 60rpx;
				background-color: #EEEEEE;
				border-radius: 100%;
				text{
					font-size: 24rpx;
					color: #959595;
				}
			}
			.day{
				display: flex;
				align-items: center;
				justify-content: center;
				margin-top: 20rpx;
				text{
					font-size: 26rpx;
					color: #555555;
				}
			}
		}
		.action{
			.circle{
				background: rgba(233,59,61,0.3);
				text{
					color: #fe3b0f;
					font-weight: bold;
				}
			}
		}
	}
}



/* 签到弹窗 */
.sigin-hint{
	.sigin-content{
		width: 100%;
		height: 500rpx;
		background-color: #FFFFFF;
		.icon{
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			height: 200rpx;
			text{
				color: #fe3b0f;
				font-size: 160rpx;
			}
		}
		.title{
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			height: 100rpx;
			view{
				font-size: 30rpx;
				font-weight: bold;
				text{
					color: #fe3b0f;
				}
			}
		}
		.btn{
			display: flex;
			align-items: center;
			justify-content: center;
			width: 80%;
			height: 60rpx;
			background: linear-gradient(to right,#fe3b0f,#fc603a);
			border-radius: 60rpx;
			box-shadow: 0 10rpx 10rpx #fe3b0f;
			margin: 40rpx auto 0;
			text{
				font-size: 26rpx;
				color: #FFFFFF;
			}
		}
	}
}


/* 规则说明弹窗*/
.rule-win{
	.rule-content{
		padding: 20rpx 4%;
		text-align: left;
		text{
			font-size: 26rpx;
			color: #555555;
			text-align: left;
			line-height: 50rpx;
		}
	}
}